<!-- 成功案例模块 -->
<section id="cases" class="py-16 bg-light">
  <div class="container mx-auto px-4 sm:px-6 lg:px-8">
    <div class="text-center max-w-3xl mx-auto mb-16">
      <div class="inline-block px-4 py-1 bg-primary/10 text-primary rounded-full text-sm font-medium mb-4">
        <?= $data['content']['sectionBadge'] ?>
      </div>
      <h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-dark mb-4">
        <?= $data['content']['sectionTitle'] ?>
      </h2>
      <p class="text-dark/70">
        <?= $data['content']['sectionSubtitle'] ?>
      </p>
    </div>
    
    <!-- 案例筛选 -->
    <div class="flex flex-wrap justify-center gap-3 mb-12">
      <button class="px-5 py-2 rounded-full bg-primary text-white font-medium">
        全部
      </button>
      <button class="px-5 py-2 rounded-full bg-white text-dark font-medium hover:bg-primary hover:text-white transition duration-300">
        金融行业
      </button>
      <button class="px-5 py-2 rounded-full bg-white text-dark font-medium hover:bg-primary hover:text-white transition duration-300">
        制造业
      </button>
      <button class="px-5 py-2 rounded-full bg-white text-dark font-medium hover:bg-primary hover:text-white transition duration-300">
        零售业
      </button>
      <button class="px-5 py-2 rounded-full bg-white text-dark font-medium hover:bg-primary hover:text-white transition duration-300">
        医疗健康
      </button>
      <button class="px-5 py-2 rounded-full bg-white text-dark font-medium hover:bg-primary hover:text-white transition duration-300">
        教育行业
      </button>
    </div>
    
    <!-- 案例展示 -->
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
      <!-- 案例1 -->
      <div class="bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition duration-300">
        <div class="relative">
          <img src="images/case-1.jpg" alt="案例图片" class="w-full h-60 object-cover">
          <div class="absolute top-4 left-4 bg-primary text-white text-xs font-medium px-3 py-1 rounded-full">
            金融行业
          </div>
        </div>
        <div class="p-6">
          <h3 class="text-xl font-bold mb-2">某大型银行数字化转型</h3>
          <p class="text-dark/70 mb-4">
            为某大型银行提供全面的数字化转型服务，包括系统架构重构、业务流程优化和用户体验提升。
          </p>
          <div class="flex justify-between items-center">
            <span class="text-sm text-dark/50">2022年</span>
            <a href="#" class="text-primary font-medium hover:underline">
              查看详情
            </a>
          </div>
        </div>
      </div>
      
      <!-- 案例2 -->
      <div class="bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition duration-300">
        <div class="relative">
          <img src="images/case-2.jpg" alt="案例图片" class="w-full h-60 object-cover">
          <div class="absolute top-4 left-4 bg-primary text-white text-xs font-medium px-3 py-1 rounded-full">
            制造业
          </div>
        </div>
        <div class="p-6">
          <h3 class="text-xl font-bold mb-2">某制造企业智能工厂建设</h3>
          <p class="text-dark/70 mb-4">
            为某制造企业建设智能工厂，实现生产过程的自动化、数字化和智能化管理。
          </p>
          <div class="flex justify-between items-center">
            <span class="text-sm text-dark/50">2021年</span>
            <a href="#" class="text-primary font-medium hover:underline">
              查看详情
            </a>
          </div>
        </div>
      </div>
      
      <!-- 案例3 -->
      <div class="bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition duration-300">
        <div class="relative">
          <img src="images/case-3.jpg" alt="案例图片" class="w-full h-60 object-cover">
          <div class="absolute top-4 left-4 bg-primary text-white text-xs font-medium px-3 py-1 rounded-full">
            零售业
          </div>
        </div>
        <div class="p-6">
          <h3 class="text-xl font-bold mb-2">某零售集团全渠道系统建设</h3>
          <p class="text-dark/70 mb-4">
            为某零售集团建设全渠道系统，实现线上线下业务的融合和统一管理。
          </p>
          <div class="flex justify-between items-center">
            <span class="text-sm text-dark/50">2022年</span>
            <a href="#" class="text-primary font-medium hover:underline">
              查看详情
            </a>
          </div>
        </div>
      </div>
      
      <!-- 案例4 -->
      <div class="bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition duration-300">
        <div class="relative">
          <img src="images/case-4.jpg" alt="案例图片" class="w-full h-60 object-cover">
          <div class="absolute top-4 left-4 bg-primary text-white text-xs font-medium px-3 py-1 rounded-full">
            医疗健康
          </div>
        </div>
        <div class="p-6">
          <h3 class="text-xl font-bold mb-2">某医疗集团信息化系统升级</h3>
          <p class="text-dark/70 mb-4">
            为某医疗集团进行信息化系统升级，提升医疗服务质量和管理效率。
          </p>
          <div class="flex justify-between items-center">
            <span class="text-sm text-dark/50">2023年</span>
            <a href="#" class="text-primary font-medium hover:underline">
              查看详情
            </a>
          </div>
        </div>
      </div>
      
      <!-- 案例5 -->
      <div class="bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition duration-300">
        <div class="relative">
          <img src="images/case-5.jpg" alt="案例图片" class="w-full h-60 object-cover">
          <div class="absolute top-4 left-4 bg-primary text-white text-xs font-medium px-3 py-1 rounded-full">
            教育行业
          </div>
        </div>
        <div class="p-6">
          <h3 class="text-xl font-bold mb-2">某教育机构在线教育平台建设</h3>
          <p class="text-dark/70 mb-4">
            为某教育机构建设在线教育平台，实现教学内容的数字化和教学方式的创新。
          </p>
          <div class="flex justify-between items-center">
            <span class="text-sm text-dark/50">2023年</span>
            <a href="#" class="text-primary font-medium hover:underline">
              查看详情
            </a>
          </div>
        </div>
      </div>
      
      <!-- 案例6 -->
      <div class="bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition duration-300">
        <div class="relative">
          <img src="images/case-6.jpg" alt="案例图片" class="w-full h-60 object-cover">
          <div class="absolute top-4 left-4 bg-primary text-white text-xs font-medium px-3 py-1 rounded-full">
            制造业
          </div>
        </div>
        <div class="p-6">
          <h3 class="text-xl font-bold mb-2">某汽车企业数字化工厂建设</h3>
          <p class="text-dark/70 mb-4">
            为某汽车企业建设数字化工厂，实现生产流程的智能化管理和优化。
          </p>
          <div class="flex justify-between items-center">
            <span class="text-sm text-dark/50">2022年</span>
            <a href="#" class="text-primary font-medium hover:underline">
              查看详情
            </a>
          </div>
        </div>
      </div>
    </div>
    
    <!-- 查看更多按钮 -->
    <div class="text-center mt-12">
      <a href="#" class="inline-block px-8 py-3 bg-primary text-white font-medium rounded-lg hover:bg-primary/90 transition duration-300">
        查看更多案例
      </a>
    </div>
  </div>
</section>